@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .text-justify-my {
    text-justify: distribute-all-lines; /*ie6-8*/
    text-align-last: justify; /* ie9*/
    -moz-text-align-last: justify; /*ff*/
    -webkit-text-align-last: justify; /*chrome 20+*/
  }

  .justify-evenly-my {
    justify-content: space-between;
  }

  .justify-evenly-my::before,
  .justify-evenly-my::after {
    content: "";
    display: block;
  }

  .align-sub {
    vertical-align: sub;
  }
}